<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/list.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>Document</title>
</head>
<body>
     <!-- 头部 -->
  <div class="header">
    <div class="top">
        <ul>
            <li>
                <a href="./name.html">登录 &nbsp;&nbsp;|</a>
            </li>
            <li>
                <a href="#">免费注册</a>
            </li>
            <li>
                <a href="#">关注我们</a>
                <i class="iconfont">&#xe8f2;</i>
                <div class="photo">
                    <div class="photo1"></div>
                </div>
            </li>
            <li>
                <a href="#">下载APP</a>
                <i class="iconfont">&#xe8f2;</i>
                <div class="photo3">
                    <div class="photo4"></div>
                </div>
            </li>
            <li>
                <a href="#">帮助中心</a>
            </li>
            <li>
                <a href="#">收藏</a>
                <i class="iconfont">&#xe628;</i>
            </li>
        </ul>
    </div>
</div>
<!---------- 搜索框 --------------->
<div class="introduce">
    <div class="middle">
        <div class="logo">
            <h2>
                <a href="./index.html" title="茶七网"></a>
            </h2>
        </div>
        <div class="search">
            <input type="text" value="搜素所有商品" id="search-1">
            <button type="submit" class="btn">搜索</button>
        </div>
        <div class="hot">
            <span>热搜榜：</span>
            <a href="#">大红袍</a>
            <a href="#">铁观音</a>
            <a href="#">金骏眉</a>
        </div>
        <div class="shopping">
            <a href="#">
                <i class="iconfont">&#xe600;</i>
                购物车 
                <i class="iconfont">&#xe637;</i>
            </a>
            <div class="shopping-1">
                <span>您的购物车没有商品</span>
            </div>
        </div>
        <div class="telephone">
            <i class="iconfont">&#xe507;</i>
            <span class="Hotline">订购热线</span>
            <br>
            <em>
                400-9993-513
                <!-- <b>3</b> -->
            </em>
        </div>
    </div>   
</div>
<!--------导航条------->
<div class="nav">
    <div class="cont">
        <div class="nav-left">
            <p class="navs">
                <i class="iconfont">&#xe625;</i>
                全部商品分类
            </p>
            <div class="menu">
                <ul>
                <li class="timer">
                <i class="iconfont">&#xe60a;</i>
                <span>全部好茶</span>
                <em class="iconfont">&#xe637;</em>
                    </li>
                    <li class="post">
                        <p>热销</p>
                        <span>金骏眉</span>
                        <span>铁观音</span>
                        <span>大红袍</span>
                        <span>龙井</span>
                        <span>黄山毛峰</span>
                        <span>滇红</span>
                        <span>漳平水仙</span>
                        <span>正山小种</span>
                        <ul class="ht">
                            <li>
                        <span>龙井</span>
                        <span>黄山毛峰</span>
                        <span>碧螺春</span>
                        <span>雀舌</span>
                        <span>太平猴魁</span>
                        <span>六安瓜片</span>       
                            </li>
                                
                            <li>
                        <span>铁观音</span>
                        <span>武夷岩茶</span>
                        <span>漳平水仙</span>
                            </li>
                            <li>
                        <span>金骏眉</span>
                        <span>云南滇红</span>
                        <span>正山小种</span>
                        <span>祁门红茶</span>
                        <span>政和工夫</span>
                        <span>坦洋工夫</span>
                        </li>
                        <li>
                        <span>白牡丹</span>
                         <span>牡丹王</span>
                        <span>白毫银针</span>
                        <span>贡眉</span>
                        </li>
                        <li>
                            <span>生茶</span>
                            <span>熟茶</span>
                        </li>
                        <li>
                            <span>茉莉花茶</span>
                            <span>花草茶</span>
                        </li>
                        <li>
                            <span>紫砂壶</span>
                            <span>建盏</span>
                            <span>功夫茶具</span>
                            <span>茶具电器</span>
                            <span>茶具配件</span>
                            <span>旅行茶具</span>
                            <span>整套茶具</span>
                            <span>整套茶具</span>
                            <span>茶盘</span>
        <img src="./images/banner1.png" alt="">
                        </li>   
                            </li>
                        </ul>
                    </li>
                  
             
                    <li class="post">
                        <p>茶类</p>
                        <span>信阳毛尖</span>
                        <span>午子仙毫</span>
                        <span>南京雨花茶</span>
                        <span>庐山雨雾</span>
                        <span>惠明茶</span>
                        <span>平水珠茶</span>
                        <ul class="ht">
                            <li>
                        <span>英山云雾茶</span>
                        <span>恩施玉露</span>
                        <span>竹叶青茶</span>
                        <span>径山茶</span>
                        <span>休宁松萝</span>
                        <span>六安瓜片</span>       
                            </li>
                                
                            <li>
                        <span>老竹大方</span>
                        <span>敬亭绿雪</span>
                        <span>仙人掌茶</span>
                            </li>
                            <li>
                        <span>西湖龙井</span>
                        <span>洞庭湖碧螺春</span>
                        <span>蒙顶茶</span>
                        <span>顾渚紫笋</span>
                        <span>桂平西山茶</span>
                        <span>坦洋工夫</span>
                        </li>
                        <li>
                        <span>白牡丹</span>
                         <span>牡丹王</span>
                        <span>白毫银针</span>
                        <span>贡眉</span>
                        </li>
                        <li>
                            <span>生茶</span>
                            <span>熟茶</span>
                        </li>
                        <li>
                            <span>茉莉花茶</span>
                            <span>花草茶</span>
                        </li>
                        <li>
                           
                           <img src="./images/citiao.jpg" alt="">
                        </li>   
                            </li>
                        </ul>          
                    </li> 

                <li class="timer">
            <i class="iconfont">&#xf01d0;</i>
            <span>热销茶具</span>
         <em class="iconfont">&#xe637;</em>
                        </li>
                    
                     <li class="post">
                         <p>推荐</p>
                        <span>紫砂壶</span>
                        <span>建盏</span>
                        <span>飘逸杯</span>
                        <span>功夫茶具</span>
                        <span>配件</span>
                        </li>
                        <li class="timer">
                            <i class="iconfont">&#xe69a;</i>
                    <span>手艺</span>
                    <em class="iconfont">&#xe637;</em>
                                        </li>
                        <li class="post">
                        <span>推荐</span>
                        <span>根雕</span>
                        <span>小叶紫檀</span>
                        </li>
                    </li>

                </ul>
            </div>  
            </div>

            <div class="nav-cont">
                <ul>
                    <li>
                    <a href="#">首页</a>
                        </li>
                    <li>
                        <a href="">金骏眉</a>
                    </li>
                    <li>
                        <a href="">大红袍</a>
                    </li>
                    <li>
                        <a href="">铁观音</a>
                    </li> 
                    <li>
                        <a href="">龙井</a>
                    </li>
                    <li>
                        <a href="">茶具</a>
                    </li>
                    <li>
                        <a href="">茶师亲制</a>
                    </li>
                    <li>
                        <a href="">茶币商城</a>
                    </li>
        <li class="nav-last">
            <i>
                <img src="./images/hot.gif" alt="">
            </i>
            <a href="#">
                <img src="./images/ctbl.gif" alt="">
            </a>
                    </li>
            </ul>
        </div>
    </div>
</div>
    <div class="commodity">
        <div class="commodity-top">
        <a href="./index.html">首页</a>
            >
        <a href="">绿茶</a>
            >
        <a href="">龙井</a>
        </div>

        <div class="content">
        <div class="content-top">
           <dl>
               <dt>产地：</dt>
                <dd>
                    <div class="ivo">
                        <a href="">浙江</a>

                    </div>
                </dd>
           </dl>
           <dl>
               <dt>净含量：</dt>
               <dd>
                   <div class="link">
                       <a href="">1-50g</a>
                   </div> 
                   <div class="link">
                       <a href="">51-100g</a>
                   </div>
                   <div class="link">
                       <a href="">101-250g</a>
                   </div>
               </dd>
           </dl>
           <dl>
               <dt>用途：</dt>
               <dd>
                <div class="ivo">
                    <a href="">自饮</a>

                </div>
            </dd>
           </dl>
           <dl>
            <dt>价格区间</dt>
            <dd>
                <div class="link">
                    <a href="">1-100元</a>
                </div> 
                <div class="link">
                    <a href="">101-300g</a>
                </div>
            </dd>
           </dl>
           <dl>
               <dt>品级</dt>
               <dd>

                    <div class="link">
                        <a href="">登堂入室</a>
                    </div> 
                    <div class="link">
                        <a href="">略有小成</a>
                    </div>
                    <div class="link">
                        <a href="">出神入化</a>
                    </div>
                    <div class="link">
                        <a href="">炉火纯青</a>
                    </div>
                    <div class="link">
                        <a href="">登峰造极</a>
                    </div>
               </dd>
           </dl>
        </div>
        </div>
        <div class="sort">
            <div class="sort-bd">
        <a href="" class="current">默认</a>
        <a href="" class="current" style="color: #333; border: none;">销量</a>
        <a href="" class="current" style="color: #333;border: none;">价格</a>
        <a href="" class="current" style="color: #333;border: none;">上新</a>
            </div>
        </div>
        <div class="dity">
        <ul class="cle">
        <li>
        <a href="">
        <img src="./images/0113415_0.jpeg" alt="">
        <p>浓郁豆香龙井1号</p>
        </a>
        <p class="ple">￥68</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0157278_0.png" alt="">
        <p>浙江果栗香雨前龙井2号</p>
        </a>
        <p class="ple">￥88</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0096746_0.jpeg" alt="">
        <p>传统栗香龙井3号</p>
        </a>
        <p class="ple">￥118</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0118725_0.jpeg" alt="">
        <p>明前一级春茶龙井破春</p>
        </a>
        <p class="ple">￥98</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0149490_0.jpeg" alt="">
        <p>2021春茶明前龙井飞花</p>
        </a>
        <p class="ple">￥128</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0103359_0.jpeg" alt="">
        <p>2021明前早春龙井·飞花</p>
        </a>
        <p class="ple">￥99</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0156615_0.png" alt="">
        <p>蓝色醉美山色-龙井</p>
        </a>
        <p class="ple">￥199</p>
        </li>
        <li>
        <a href="">
        <img src="./images/0156655_0.png" alt="">
        <p>吉祥如意-龙井</p>
        </a>
        <p class="ple">￥128</p>
        </li>
        </ul>
        </div>
    </div>
     <!-- 结尾 -->
   <div class="footer">
    <div class="footer-mian">
    <div class="fotn">
        <span>关于我们 /</span>
        <span>配送政策 /</span>
        <span>招贤纳才 /</span>
        <span>帮助中心 /</span>
        <span>联系我们 /</span>
        <span>招商加盟 /</span>
        <span>网站地图 /</span>
        <span>词条部落 </span>
    </div>
    <div class="fontn">
    <p>Copyright 2016, 茶七网 TEA7.COM</p>
    <p class="post">
    增值电信业务经营许可证：B1.B2-20160011 &nbsp;&nbsp;&nbsp;&nbsp;
    闽ICP备14011677号-2                                           
    </p>
    <p class="post-1">
        服务时间：08:30-21:00 &nbsp;&nbsp;&nbsp;
        客服热线:400-9993-513(温馨提示：请您核对无误后拨出，谢谢！)  
    </p>
    <p class="fink">
    友情链接： 76676 八达社区 茶人码头 信阳毛尖 茶叶 新乡 中国茶厂网 茶多网 茶叶加盟 武夷山旅游网
    </p>
    <p class="kep">
        <a href="" style="text-decoration: none;">
            <img src="./images/cnnic.png" alt="" >
            <img src="./images/cert.png" alt=""id="keep">
        </a>
    </p>
    </div>
    <div class="QR">
        <img src="./images/guanzhu_weixin_20 (1).jpg" alt="">
        <p>
            <i class="iconfont">&#xe63f;</i>
            <br>
        扫码关注微信公众号
        </p>
    </div>
    <div class="QR-1">
    <img src="./images/erweima.jpg" alt="">
    <p>
        APP
        <br>
        手机客户端下载
    </p>
    </div>
    </div>
   </div>
</body>

</html>